<template>
  <div class="goods-sum-box">
    <span>订单货物：</span>
    <div>
      总数量<span class="value-color">
        {{ tableTotal && tableTotal.totalQuantity || 0 }}</span>
    </div>
    ，
    <div>
      总重量<span class="value-color">
        {{ tableTotal && tableTotal.totalWeight || 0 }}公斤</span>
    </div>
    ，
    <div>
      总体积<span class="value-color">
        {{ tableTotal && tableTotal.totalVolume || 0 }}立方米</span>
    </div>
  </div>
</template>

<script>
export default {
  name: "TableTotal",
  props: {
    tableTotal: {
      type: Object,
      default: () => { }
    }
  },
  created () {
    console.log("tableTotal", this.tableTotal);
  }
};
</script>

<style scoped>
.goods-sum-box {
  display: flex;
  padding-top: 20px;
  line-height: 30px;
  color: var(--prev-color-text-ashes);
  padding-right: 80px;
}
.value-color {
  color: var(--prev-color-primary) !important;
}
</style>
